/*  */
body{font-family: PingFang SC,Helvetica Neue,Helvetica,SF Pro Text,Arial,sans-serif;}
h1,h3,p{font-weight: 400;}

.container-width{width: 1200px; margin: 0 auto;}
.o-hidden{overflow: hidden;}
.pd50{padding-top: 76px; padding-bottom: 76px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}
.index-title{ margin-bottom: 15px; text-align: center;overflow: hidden;}
.index-title h3{ position: relative;z-index: 2; padding-top: 25px; font-size: 48px; color: #071131;}
.index-title h3 span{position: absolute;z-index: -1; top: -5px; left: 0; width: 100%;font-size: 72px;font-weight:900;text-transform: uppercase; color:rgba(0,0,0,0.04);}
/**************** header ****************/
.header{position: absolute;top: 0; left: 0; z-index: 9; width: 100%; min-width: 1200px; transition: all .3s;}
/* logo */
.logo {padding: 12px 0; display: block;}
.logo img{ height: 40px;}
/* nav */
.nav {padding-top: 16px;}
.nav ul li{float: left; padding-left:64px;}
.nav ul li a{position: relative; display: block; font-size: 16px; line-height: 40px;padding-bottom: 8px; color: #fff;}
.nav ul li a:before{position: absolute;bottom: 0; left: 50%;content: ''; margin-left: -20px; width: 40px; height: 3px; border-radius: 3px; background-color: #fff;transition: all .5s;opacity: 0;}
/* hover */
.nav ul li a.on{font-weight:600;}
.nav ul li a.on:before{opacity: 1;}
.nav ul li a:hover:before{opacity: 1;}
/* 状态 */
.fixed{background-color: #fff;box-shadow: 0 5px 5px rgba(0,0,0,.1);}
.fixed .nav ul li a,
.page-fixed .nav ul li a{color: #071131;}
.fixed .nav ul li a:before,
.page-fixed .nav ul li a:before{background-color: #071131;}
/**************** footer ****************/
.footer{padding: 40px 0; background-color: #3E4151; min-width: 1200px;}
.footer-left{float: left; width: 65%; color: #B0B1B8;}
.footer-left p{line-height: 26px;}
.footer-left h3{ margin-top: 25px; line-height: 26px; font-size: 14px; white-space: nowrap;}
.footer-left a{ color: #B0B1B8;}
.footer-left .hidden{ color: #3E4151; cursor: default;}
.footer-right{float: left; width: 35%; text-align: right;}
.footer-right span{display: inline-block; padding:0 15px; text-align: center; }
.footer-right span img{max-width: 100px; }
.footer-right span p{color: #B0B1B8;line-height: 30px;}
/*window-service*/
.window-service{position: fixed; bottom: 280px; right: 40px; z-index: 9;}
.window-service ul li{position: relative ; background-color: rgba(0,0,0,.5); width: 50px; height: 50px;border-radius:4px; margin-bottom: 13px;color: #fff; text-align: center; cursor: pointer}
.window-service ul li a{ color: #fff; }
.window-service ul li i{font-size: 28px;}
.window-service ul li p{font-size: 14px;line-height: 50px; }
/*  */
.window-service-wx-pic{position: absolute; bottom: -35px; right: 70px; z-index: -1; width: 110px; padding: 12px; background-color: #fff;border-radius:4px;box-shadow:0px 2px 10px 10px rgba(225,225,225,0.2); transition: all .3s;}
.window-service-wx-pic:before{position: absolute;bottom: 50px; right: -10px; content: ""; border-left: 10px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
.window-service-wx-pic h3{margin-top: 8px; color: #64697F; font-size: 10px;line-height:18px; transform: scale(.9);}
.window-service-wx-pic{opacity: 0; visibility: hidden; transform: translateX(10px);}
/* hover */
.window-service ul li:hover{background-color: rgba(0,0,0,.7);}
.window-service ul li:hover .window-service-wx-pic{opacity: 1; visibility: visible; transform: translateX(0)}